﻿/* CSS Document */
BODY {
	margin: auto;
	background:url(images/bg.png) #DDE2DC;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
TABLE {
	text-align: left;
}
P{
	line-height: 16px;
}
A, A:visited {
	color: #2780B9;
	text-decoration: none;
}
A:hover {
	color: #DC4C2E;
}

/* css menu trái */
.LeftMenu {
	padding: 0px;
	margin: 0px;
}
.LeftMenu .Level1 { 
	color: #555555;
	font-weight: bold;
	list-style-type: none;
	padding-left: 10px;
	margin-top: 10px;
}

.LeftMenu .Level1 ul{
	padding-left: 30px;
}
.LeftMenu .Level2 {
	color: #888888;
	font-weight: bold;
	list-style-type: none;
	list-style-image: url(images/bullet_icon.png);
	border-bottom: solid 1px #eee;
	padding: 7px;
	padding-left: 0px;
}

/* Kết thúc css menu trái */ 
.TableContainer {
	border: solid 1px #ccc;
	background: #ffffff;
	margin-bottom: 5px;
}

.TableContainer .Header{
	background: url(images/container_header_bg.png) repeat-x;
	height: 35px;
	padding-left: 7px;
	font-weight: bold;
	color: #444;
}

.DanhSachSanPham{
	padding: 5px;
	vertical-align: middle;
	border-bottom: dotted 1px #ccc;
}
.DanhSachSanPham img {
	margin-right: 5px;
	width: 45px;
	float: left;
}
.TenSanPham {
	color:#2780B9;
	font-weight:bold;
}
.Gia {
	color:red;
	font-weight:bold;
}

/* css bố cục */
#Skin_Container {
	background:#ecf1f4;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
#Skin_Banner {
	background: url(images/banner.png);
	height: 117px;
	width: 1000px;
}
#Skin_Menu_Ngang {
	height: 50px;
	background:url(images/menu_bg.png);
	background-repeat: repeat-x;
	text-align: right;
	font-weight: bold;
	color: #111;
	padding-right: 30px;
}
#Skin_Content {
	width: 100%;
	padding: 5px;
}
#Skin_Footer {
	padding: 5px;
}
#Skin_Footer p{
	background: #4D625D;
	color: #FFFFFF;
	padding: 10px;
	margin: 0px;
}
#Skin_Footer .style1{
	background: #4D625D;
	color: #FFFFFF;
	padding: 10px;
	margin: 0px;
}
#Skin_Footer .style2{
	background: #0776BE;
	color: #FFFFFF;
	padding: 10px;
	margin: 0px;
}
#Skin_Footer .style3{
	background: #ffffff;
	color: #666666;
	padding: 10px;
	margin: 0px;
}
/* Kết thúc css bố cục */
/* Css liên kết menu ngang */
#Skin_Menu_Ngang A, A:visited{ 
	color: #031D70;
	text-decoration:none;
}
#Skin_Menu_Ngang A:hover{ 
	color: #EE2207;
	text-decoration:none;
}
#Skin_Menu_Ngang A:active{ 
	color: #0576C5;
	text-decoration:none;
}

.NganCach {
	color: #aaa;
	margin-left: 5px;
	margin-right: 5px;
}
/* Kết thúc liên kết menu ngang */
/* Css menu trái */
.LeftMenu .Level1 a{
	color: #444444;
	text-decoration: none;
}
.LeftMenu .Level2 a {
	color: #666666;
	text-decoration: none;
}
.LeftMenu .Level2 a:hover {
	color: #EE2207;
	text-decoration: none;
}
/* Kết thúc css menu trái */

/* Css bảng dữ liệu */
.TableData{
	background:#ffffff;
	font: 11px;
	border-collapse:collapse;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.TableData TH {
	background: #0776BE;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	border: solid 1px #ccc;
}

.TableData .cotSTT{
	text-align:center;
	width: 10%;
}
.TableData .cotTenSanPham{
	text-align:left;
	font-weight: bold;
	color: #2780B9;
	width: 40%;
}
.TableData .cotHangSanXuat{
	text-align:left;
	width: 20%;
}
.TableData .cotGia{
	text-align:right;
	font-weight: bold;
	width: 30%;
	color: red;
}
.TableData .cotSoLuong {
	text-align: center;
	width: 5%;
}
.TableData .cotSoLuong  input{
	text-align: center;
	font-weight: bold;
}

.TableData .InputButton 
{
	color:#fff;
	border: solid 1px #ccc;
	background: #0776BE;
	padding: 3px;
}

.TableData td {
	border: solid 1px #ccc;
}

/* Kết thúc css bảng dữ liệu */
/* Css biễu mẫu */
.TableForm {
	background:#ffffff;
	font: 11px;
	border-collapse:collapse;
}
.TableForm td{
	border: solid 1px #ccc;
	padding: 5px;
}
.TableForm .TieuDe {
	background: #0776BE;
	color: #FFFFFF;
	font-weight:bold;
}
.TableForm .Left {
	background: #eee;
	text-align: right;
	font-weight: bold;
	width: 30%;
}
.TableForm .Right {
	text-align: left;
}
.TableForm .Bottom {
	text-align: center;
}
.TableForm input {
	border: solid 1px #ccc;
	background: #ffffff;
	color: #333333;
}
.TableForm select {
	border: solid 1px #ccc;
	background: #ffffff;
	color: #333333;
}
.TableForm .Button 
{
	color:#fff;
	border: solid 1px #ccc;
	background: #0776BE;
	padding: 2px;
	margin-right: 5px;
}
#lblBatBuoc {
	color: red;
}
.BatBuoc {
	color: red;
}

/* Kết thúc css biểu mẫu */

/* Css danh sách sản phẩm */
.TableSanPham {
	background:#F2F4F1;
}
.TableSanPham .SanPham {
	background:#ffffff;
	border-collapse:collapse;
	width: 25%;
	text-align: center;
	padding: 5px;
}
.TableSanPham img{
	border: 0px;
	margin-bottom: 10px;
}
.TableSanPham .TimKiem {
	background: url(images/container_header_bg.png) repeat-x;
	padding: 5px;
	font-size: 11px;
	color: #444444;
	text-align: left;
}
.TableSanPham .btnSearch 
{
	background-image:url(images/btnSearch.png);
  	border:0;
  	height:24px;
  	width:81px;
}
.TableSanPham input, select {
	border: solid 1px #ccc;
}
.TableSanPham .SapXep {
	background: #ffffff;
	text-align: right;
	padding: 3px;
}
/* Kết thúc Css danh sách sản phẩm */

/* Css chi tiết sản phẩm */
.TenSanPhamLon {
	color:#2780B9;
	font-weight:bold;
	font-size: 18px;
}
.GiaCu {
	color: #990000;
	text-decoration: line-through;
	font-weight: bold;
}
.LienKetTinhNang, .LienKetTinhNang:visited {
	background: #0776BE;
	color: #ffffff;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
}
.Frame {
	border: solid 1px #CCCCCC;
	margin-top: 5px;
}
/* Kết thúc css chi tiết sản phẩm */

/* css sơ đồ web */
.SoDo {
	padding: 7px;
	padding-left: 50px;
	margin: 0px;
}
.SoDo .Level1 { 
	color: #555555;
	font-weight: bold;
	list-style-image: url(images/bullet_icon2.gif);
	padding-left: 10px;
	margin-top: 10px;
}

.SoDo .Level1 ul{
	padding-left: 30px;
}
.SoDo .Level2 {
	color: #888888;
	font-weight: bold;
	list-style-type: none;
	list-style-image: url(images/bullet_icon.png);
	border-bottom: solid 1px #eee;
	padding: 7px;
	padding-left: 0px;
}

/* css sơ đồ web */ 

/* Menu top */

.clear {clear:both} 
/* remove the list style */
#nav {
    margin:0; 
    padding:0; 
    list-style:none;
    float: right;
}   

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li {
    float:left; 
    display:block; 
    position:relative;
    z-index:500; 
    margin:0 1px;
    color:#031D8A;
    padding: 0px 5px 0px 5px;
    border-right: solid 1px #F0F4F5;
}

/* this is the parent menu */
#nav li a {
    display:block; 
    padding:8px 5px 0 5px; 
    font-weight:700;  
    height:23px; 
    text-decoration:none; 
    
    color:#031D8A;
}

#nav li a:hover {
    color:#DC4C2E;
}

/* you can make a different style for default selected value */
#nav a.selected {
    color:#031D8A;;
}

/* submenu, it's hidden by default */
#nav ul {
    position:absolute; 
    left:0; 
    display:none; 
    margin:0 0 0 -1px; 
    padding:0; 
    list-style:none;
}

#nav ul li {
    float:left; 
    border-top:1px solid #ccc;
    background: #F6F8F9;
    width: 160px;
    text-align: left;
}

/* display block will make the link fill the whole area of LI */
#nav ul a {
    display:block;  
    height:15px;
    padding: 8px 5px; 
    color:#666;
}
#nav ul a:visited {
    display:block;  
    height:15px;
    padding: 8px 5px; 
    color:#666;
}
#nav ul a:hover {
    text-decoration:none; 
    color: #DC4C2E;
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
    margin:0 0 0 -2px;
}
/*Ket thuc menu top*/
